<script setup>
import {useRoute} from "vue-router";
import {onMounted, ref} from "vue";

const route = useRoute()
const active_name = ref('简介')
</script>

<template>
<div class="w-full h-svh bg-gray-300 flex">
  <div class="m-2 w-[70%] h-[80%] bg-gray-500">
    <video controls class="w-full h-full" autoplay src="/video.mp4"></video>
  </div>
  <div class="w-[30%] p-5 flex justify-center flex-wrap *:w-full">
    <div class="h-[5%]">
      <el-radio-group v-model="active_name">
        <el-radio-button value="简介" size="large">简介</el-radio-button>
        <el-radio-button value="评论" size="large">评论</el-radio-button>
      </el-radio-group>
    </div>
    <div class="h-[93%] p-5">
      <div v-if="active_name === '简介' ">
        <div class="text-xl">这里是视频标题</div>
      </div>
    </div>
  </div>
</div>
</template>

<style>
.el-radio-button__inner{
  width:200px !important;
}
</style>